<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<title>maguwohost</title>
</head>
<body>
	<div class="header">
		<div>
			<div class="header-1">
				<i></i>
				<p>Maguwo Host</p>
			</div>
			<ul>
				<li style="color: #ffe13e">Home</li>
				<li>About</li>
				<li>Pricing</li>
				<li>Domain</li>
				<li style="margin-right: 0">Hosting</li>
			</ul>
			<div class="header-2">
				<p>Do you need help ? Just Email, Live chat or Call us</p>
				<div>
					<p>Live Chat</p>
					<p>6284-6534</p>
				</div>
			</div>
		</div>
	</div>
	<div class="content-1">
	    <div class="content-1-1">
	    	<p>Just a Proffesional Web Hosting Services</p>
		    <p class="content-1-1-1">modern&nbsp&nbsp-&nbsp&nbspfast&nbsp&nbsp-&nbsp&nbspreliable</p>
		    <i>
		    	
		    </i>
	    </div>
		<div class="content-1-2">
		    <div>
		    	<input value="Your Domain Name ..."></input>
			    <select>
			      <option>.com</option>
			    </select>
			    <p>Check Availability</p>
			    <i></i>
		    </div>   
		</div>
	</div>
	<div class="content-2">
		<div class="content-2-1">
		    <div>
		    	<i></i>
			    <p class="content-2-1-1">#1 Webhost Services</p>
			    <p class="content-2-1-2">This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh 
			    <br />vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum <br />auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
			    <p class="content-2-1-3">More</p>
		    </div>
		</div>
		<div class="content-2-2">
		    <div>
		    	<p class="content-2-2-1">.com</p>
			    <p class="content-2-1-1" style="margin-top: 44px;">#1 Domain Services</p>
			    <p class="content-2-1-2">This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh 
			    <br />vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum <br />auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
			    <p class="content-2-1-3">More</p>
		    </div>
		</div>
	</div>
	<div class="content-3">
		<div>
			<p>Our Features</p>
			<p>Our Best Features</p>
		</div>
		<ul>
			<li>
				<i class="content-3-1"><img src="images/seo-29-128x128.png" alt=""></i>
				<i class="content-3-2"></i>
				<p class="content-3-3">Live Support</p>
				<p class="content-3-4">This is Photoshop's version  of Lorem <br />Ipsum. Proin gravida nibh vel velit <br />auctor aliquet. </p>
			</li>
			<li>
				<i class="content-3-1"><img src="images/seo-32-128x128.png" alt=""></i>
				<i class="content-3-2"></i>
				<p class="content-3-3">Cloud Technology</p>
				<p class="content-3-4">This is Photoshop's version  of Lorem <br />Ipsum. Proin gravida nibh vel velit <br />auctor aliquet.</p>
			</li>
			<li>
				<i class="content-3-1"><img src="images/technology-18-128x128.png" alt=""></i>
				<i class="content-3-2"></i>
				<p class="content-3-3">Hi Tech Database</p>
				<p class="content-3-4">This is Photoshop's version  of Lorem <br />Ipsum. Proin gravida nibh vel velit <br />auctor aliquet.</p>
			</li>
			<li style="margin-right: 0">
				<i class="content-3-1"><img src="images/seo-04-128x128.png" alt=""></i>
				<i class="content-3-2"></i>
				<p class="content-3-3">Live Monitoring</p>
				<p class="content-3-4">This is Photoshop's version  of Lorem <br />Ipsum. Proin gravida nibh vel velit <br />auctor aliquet.</p>
			</li>
		</ul>
	</div>
	<div class="content-4">
		<div>
			<div>
				<p>Our Clients</p>
				<p class="content-4-1">This is Photoshop's version  of Lorem Ipsum. <br />Proin gravida nibh vel velit auctor aliquet. <br />Aenean sollicitudin, lorem quis bibendum.</p>
			</div>
			<ul>
				<li><img src="images/tree-logo-172x115.png" alt=""></li>
				<li><img src="images/x-logo-172x115.png" alt=""></li>
				<li><img src="images/u-logo-172x115.png" alt=""></li>
				<li style="margin-right: 0"><img src="images/fish-logo-172x115.png" alt=""></li>
			</ul>
		</div>
		<ul>
			<li>
				<p>"This is Photoshop's version  of Lorem Ipsum. Proin <br />gravida nibh vel velit auctor aliquet. Aenean sollici- <br />tudin, lorem quis bibendum auctor, nisi elit conse- <br />quat ipsum, nec sagittis sem nibh id elit."</p>
				<p class="content-4-2">&nbsp-Anna</p>
				<i></i>
			</li>
			<li>
				<p>"This is Photoshop's version  of Lorem Ipsum. Proin <br />gravida nibh vel velit auctor aliquet. Aenean sollici- <br />tudin, lorem quis bibendum auctor, nisi elit conse- <br />quat ipsum, nec sagittis sem nibh id elit."</p>
				<p class="content-4-2">&nbsp-Anna</p>
				<i></i>
			</li>
			<li style="margin-right: 0">
				<p>"This is Photoshop's version  of Lorem Ipsum. Proin <br />gravida nibh vel velit auctor aliquet. Aenean sollici- <br />tudin, lorem quis bibendum auctor, nisi elit conse- <br />quat ipsum, nec sagittis sem nibh id elit."</p>
				<p class="content-4-2">&nbsp-Anna</p>
				<i></i>
			</li>
		</ul>
	</div>
	<div class="content-5">
	    <div>
	    	<div>
			    <p>Do you want to view Plans & Pricing ?</p>
			    <p>Follow the button in the right section.</p>
		    </div>
		    <p class="content-5-1">Plans & Pricing</p>
	    </div>
	</div>
	<div class="footer">
		<p class="footer-1">Navigation</p>
		<div class="footer-2">
			<div>
				<i></i>
				<p>Yogyakarta, Indonesia<br />55282</p>
			</div>
			<ul>
				<li>Home</li>
				<li>About</li>
				<li>Domain</li>
				<li>Hosting</li>
				<li style="border-bottom: none;height: 36px;">Contact</li>
			</ul>
		</div>
		<i></i>
		<p>Back to Top</p>
		<div class="footer-3">
			<i></i>
			<p>Copyright 2014 Maguwohost by FikriStudio</p>
		</div>
	</div>
</body>
</html>